<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在线商城</title>
<link rel="stylesheet" type="text/css" href="css/mall.css"/>
</head>

<body>
<div class="main">
	<div class="top">
        <div>
            <div class="top_left"></div>
            <div class="top_right"><img src="img/mallnav.jpg" border="0" usemap="#Map2" />
              <map name="Map2" id="Map2">
                <area shape="rect" coords="4,20,58,53" href="index.html" />
                <area shape="rect" coords="63,20,164,55" href="introduction.html" />
                <area shape="rect" coords="172,18,267,58" href="giftCulture.html" />
                <area shape="rect" coords="275,21,360,59" href="contactUs.html" />
                <area shape="rect" coords="369,19,426,57" href="careers.html" />
              </map>
            </div>
        </div>
        <div class="top_bottom"><div class="top_bottom_pic1"><img src="img/mnva1.jpg" border="0"  align="absmiddle" usemap="#Map"/>
            <map name="Map" id="Map">
              <area shape="rect" coords="3,3,80,50" href="index.html" />
              <area shape="rect" coords="82,5,221,44" href="#" />           
              <area shape="rect" coords="223,3,368,45" href="#" />
              <area shape="rect" coords="368,5,491,44" href="#" />
              <area shape="rect" coords="493,3,570,42" href="#" />
              <area shape="rect" coords="628,3,796,38" href="#" />
              <area shape="rect" coords="800,3,907,39" href="#" />
            </map>
      </div><div class="top_bottom_text"><span>购物车&nbsp;&nbsp;有商品0件</span></div></div>
    </div>
    <div class="top1"><div style="float:left" class="mav1"><span style="font-size:12px; color:#C96 "><a href="#">精品推荐</a>&nbsp; &nbsp; &nbsp;<a href="#">促销礼品</a> &nbsp;&nbsp; &nbsp;<a href="#">节日礼品</a>&nbsp;&nbsp; &nbsp;<a href="#">地区特产</a>&nbsp;&nbsp; &nbsp;<a href="#">办公用品</a>&nbsp;&nbsp; &nbsp;<a href="#">生活用品</a>&nbsp;&nbsp; &nbsp;<a href="#">工艺品</a>&nbsp;&nbsp; &nbsp;<a href="#">收藏品</a>&nbsp;&nbsp; &nbsp;<a href="#">食品</a>&nbsp;&nbsp; &nbsp;<a href="#">电子产品</a>&nbsp;&nbsp; &nbsp;<a href="#">酒类</a>&nbsp;&nbsp; &nbsp; &nbsp;</span></div><div  style=" background-image:url(img/hot/mavbg.jpg); float:left; text-align:center; width:100px;"><span style="font-size:12px; color:#C96 "><a href="#">更多品牌</a></span></div></div>
    <div class="style1">
    	<div class="style1_left"><img id="obj" src="img/images/tea.jpg" /></div>
        <div class="style1_right"><img src="img/login.jpg" border="0" usemap="#Map6" />
          <map name="Map6" id="Map6">
            <area shape="rect" coords="11,204,118,238" href="#" />
            <area shape="rect" coords="14,304,79,329" href="#" />
            <area shape="rect" coords="97,304,204,329" href="#" />
          </map>
        </div>
    </div>
    <div class="contant">
    	<div class="contant_left">
       		 <div class="contant_hot">
                <div class="hot">
                    <img src="img/hot.jpg" border="0" usemap="#Map3" />
                    <map name="Map3" id="Map3">
                      <area shape="rect" coords="585,4,679,33" href="#" />
                    </map>
               </div>
                <div class="hot_bottom">
                	<div class="hot_bottom_left">
                    	<div>
                            <div class="hot_bottom_left_top"><a href="#"><img src="img/hot/pic.jpg" /></a></div>
                            <div class="hot_bottom_left_bottom">
                                <span>脸谱笔(签字笔或钢笔)</span><br />
                                <span>￥30.00</span>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               <a><img src="img/right.jpg" /></a> 
                          </div>
                        </div>
                    </div>
                    <div class="hot_bottom_right_top">
                    	<div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic1.jpg"/></a></div></div>
                    	<div class="hot_pic"><div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic2.jpg"/></a></div></div>
                    	<div class="hot_pic"><div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic3.jpg"/></a></div></div>                  
  </div>        
             <div class="hot_bottom_right_bottom">
                    	<div class="hot_pic"><div class="hot_text"><span style="color:#FFF">移动电源</span><br />
                        <span style="color:#FFF; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic4.jpg"/></a></div></div>
                    	<div class="hot_pic"><div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic5.jpg"/></a></div></div>
                    	<div class="hot_pic"><div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/hot/pic6.jpg"/></a></div></div>
                    </div>
            </div>
            <div class="contant_new">
                <div class="new">
                    <img src="img/new.jpg" border="0" usemap="#Map7" />
                    <map name="Map7" id="Map7">
                      <area shape="rect" coords="605,6,681,29" href="#" />
                    </map>
              </div>
                <div class="new_bottom">
                	<div class="new_bottom_left">
                    	<div class="new_bottom_left_top"><a href="#"><img src="img/new/pic.jpg" /></a></div>
                            <div class="new_bottom_left_bottom">
                                <span>脸谱笔(签字笔或钢笔)</span><br />
                                <span>￥30.00</span>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               <a> <img src="img/right.jpg" /></a>
                            </div>
                    </div>
                    <div class="new_bottom_right">
                         <div class="new_bottom_right_top">
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic0.jpg"/></a></div></div>
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic1.jpg"/></a></div></div>
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic2.jpg"/></a></div></div>
                   		 </div> 
                         
                         <div class="new_bottom_right_bottom">
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic3.jpg"/></a></div></div>
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic4.jpg"/></a></div></div>
                            <div class="hot_pic"> <div class="hot_text">移动电源<br /><span style="color:#960; font-size:14px">￥168.00</span></div><div class="hot_img"><a href="#"><img src="img/new/newpic5.jpg"/></a></div></div>
                   		 </div> 
                    </div>
                </div>
                </div>
            </div>
            <div class="contant_holiday">
                <div class="holiday">
                    <img src="img/holiday.jpg" border="0" usemap="#Map4" />
                    <map name="Map4" id="Map4">
                      <area shape="rect" coords="565,3,680,39" href="#" />
                    </map>
              </div>
                <div class="holiday_bottom">
                <div class="holiday_bottom_pic"><div class="holiday_pic"><a href="#"><img  src="img/holiday/holidaypic1.jpg"/></a></div>
                <div class="holiday_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                          </div>
                          </div>
                <div class="holiday_bottom_pic"><div class="holiday_pic"><a href="#"><img  src="img/holiday/holidaypic2.jpg"/></a></div>
                <div class="holiday_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                          </div></div>
                <div class="holiday_bottom_pic"><div class="holiday_pic"><a href="#"><img  src="img/holiday/holidaypic3.jpg"/></a></div>
                <div class="holiday_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                          </div></div>
                <div class="holiday_bottom_pic"><div class="holiday_pic"><a href="#"><img  src="img/holiday/holidaypic4.jpg"/></a></div>
                <div class="holiday_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                          </div></div>
                </div>
            </div>
            <div class="contant_promotions">
                <div class="promotions">
                    <img src="img/promotions.jpg" border="0" usemap="#Map5" />
                    <map name="Map5" id="Map5">
                      <area shape="rect" coords="627,3,680,35" href="#" />
                    </map>
              </div>
                <div class="promotions_bottom">
                <div class="promotions_bottom_top">
                 <div class="promotions_bottom_pic"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic1.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                 <div class="promotions_bottom_pic"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic2.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                 <div class="promotions_bottom_pic" style="margin-left:10px;"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic3.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                 <div class="promotions_bottom_pic" ><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic4.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                </div>
                <div promotions_bottom_bottom>
                <div class="promotions_bottom_pic"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic5.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                <div class="promotions_bottom_pic"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic6.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                <div class="promotions_bottom_pic"  style="margin-left:10px;"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic7.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                <div class="promotions_bottom_pic"><div class="promotions_bottom_pic_pic"><a href="#"><img  src="img/promotions/pic8.jpg"/></a></div>
                 <div class="promotions_bottom_pic_text"> 移动电源<br /><br />
                        <span  style="text-decoration:line-through"> 市：￥299.00</span>  <br />
                         <span style="color:#963; font-size:14px"> 现：￥190.00</span> <br />
                         </div></div>
                </div>
                </div>
            </div>
         </div>
         
         <div class="contant_right">
         	<div class="contant_right_news">
            	<div class="news_top"></div>
                <div class="news_bottom">
                    <ul>
                        <li><a href="detail.html">教你如何选择促销礼品</a></li>   
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">给客户送礼必须遵守的4个规则</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">送礼的十七条戒条</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">如何礼貌得体的接受与拒绝礼品</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">送礼效果的持续时间</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">礼品轻重得当</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><a href="detail.html">商务送礼常识</a></li>  
                        <li><img src="img/lines.jpg" /></li>  
                        <li><div style="text-align:right; font-size:30px; color:#C96"><a href="#"><</a>&nbsp;<a href="#">></a></div></li>
                    </ul>
                </div>
            </div>
         </div>
            <div class="join"><a href="#"><img src="img/join.jpg"/></a></div>
    </div>
    <div class="help">
    	<ul>
        	<li class="li_1">
            	<ul>
                	<li><img src="img/bottom/new.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</a></li>
                	<li><a href="#">积分奖励计划</a></li>
                	<li><a href="#">商品退货保障</a></li>
                </ul>
            </li>
            <li class="li_1">
           		 <ul>
                	<li><img src="img/bottom/pay.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</li>
                	<li><a href="#">积分奖励计划</li>
                	<li><a href="#">商品退货保障</li>
                </ul>
            </li>
            <li class="li_1">
           		 <ul>
                	<li><img src="img/bottom/send.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</a></li>
                	<li><a href="#">积分奖励计划</a></li>
                	<li><a href="#">商品退货保障</a></li>
                </ul>
            </li>
            <li class="li_1">
           		 <ul>
                	<li><img src="img/bottom/back.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</a></li>
                	<li><a href="#">积分奖励计划</a></li>
                	<li><a href="#">商品退货保障</a></li>
                </ul>
            </li>
            <li class="li_1">
           		 <ul>
                	<li><img src="img/bottom/vip.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</a></li>
                	<li><a href="#">积分奖励计划</a></li>
                	<li><a href="#">商品退货保障</a></li>
                </ul>
            </li>
            <li class="li_1">
           		 <ul>
                	<li><img src="img/bottom/help.jpg" /></li>
                	<li><a href="#">顾客必读</a></li>
                	<li><a href="#">会员等级折扣</a></li>
                	<li><a href="#">订单的几种状态</a></li>
                	<li><a href="#">积分奖励计划</a></li>
                	<li><a href="#">商品退货保障</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="nav"><img src="img/bnav.jpg" align="absmiddle" /></div>
    <div class="bottom">
	<div class="bottom_left"></div>
	<div class="bottom_right_top">联系电话：010-8578 8896&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;E-MAIL：<a href="mailto:tianxiayouni@163.com" style="color:#999;">tianxiayouni@163.com</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;公司地址：北京市朝阳区朝阳北路102号楼530室</div>
    <div class="bottom_right_bottom">版权所有：爱优视科技有限公司&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;备案号：京ICP备09021662号-1<img src="img/pic.gif" /></div>
</div>
</body>
<script language =javascript >
 var curIndex=0;
 //时间间隔 单位毫秒
 var timeInterval=1000;
 var arr=new Array();
 arr[0]="img/images/pic1.jpg";
  arr[1]="img/images/tea.jpg";
   arr[2]="img/images/pic2.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
    var obj=document.getElementById("obj");
    if (curIndex==arr.length-1)
   {
        curIndex=0;
    }
    else
    {
        curIndex+=1;
   }
   obj.src=arr[curIndex];
}
</script>
</html>
